@import "style/theme.less";
.mass-item {
  .fail-icon {
    margin-right: 4px;
  }
  .mass-stat-content {
    display: flex;
    justify-content: space-between;
  }
  .percent-num {
    font-weight: 600;
    font-size: 20px;
    color: #000;
  }
}
.mass-body-item {
  margin-bottom: 5px;
}
.fail-tip-text {
  font-size: 12px;
  color: @tip-color; 
  text-align: right;
}

.create-info {
  font-size: 12px;
  line-height: 12px;
  // display: flex;
  // justify-content: space-between;
  color: @text-color-secondary;
  .creator-item {
    margin-right: 20px;
  }
}

.mass-execute-result {
  display: flex;
  align-items: center;
  .result-item {
    display: flex;
    align-items: center;
    margin-right: 16px;
    &:nth-last-of-type(1) {
      margin-right: 0px;
    }
    &.total {
      color: #306FDB;
    }
    &.done {
      color: #57A65B;
    }
    &.not-done {
      color: #F0BF42;
    }
  }
  .result-item-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px;
    font-size: 16px;
    // vertical-align: middle;
    // display: inline-block;
  }
  .result-item-count {
    font-size: 14px;
    display: inline-block;
    line-height: 14px;
    // vertical-align: middle;
  }
}


.layout-mass-item {
  &.cursor {
    cursor: pointer;
  }
  .mass-header {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
    .mass-name {
      font-size: 14px;
      color: #000;
      font-weight: 600;
    }
  }
  .mass-footer {

  }
}

.create-item {
  word-break: break-all;
  .create-item-label {
    &::after {
      content: ":";
      display: inline-block;
      padding: 0px 2px;
    }
  }
}
